<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="HandheldFriendly" content="true" />
<title>Sistema de Gestión Académica</title>
<link type="text/css" rel="stylesheet" href="css/styles/form.css?v3.1.983"/>
<link href="css/calendarview.css?v3.1.983" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="css/styles/nova.css?3.1.983" />
<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding-top:12px;
        padding-bottom:12px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all{
        width:650px;
        color:#555 !important;
        font-family:'Arial';
        font-size:14px;
    }
    .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
        color:#555;
    }

</style>

<link type="text/css" rel="stylesheet" href="css/styles/buttons/form-submit-button-black_blue.css?3.1.983"/>
<script src="js/prototype.js?v=3.1.983" type="text/javascript"></script>
<script src="js/protoplus.js?v=3.1.983" type="text/javascript"></script>
<script src="js/protoplus-ui.js?v=3.1.983" type="text/javascript"></script>
<script src="js/jotform.js?v=3.1.983" type="text/javascript"></script>
<script src="js/calendarview.js?v=3.1.983" type="text/javascript"></script>
<script type="text/javascript">
   JotForm.init();
</script>

<!-- AutoFocus del textbox nombreUsuario -->
<script>
window.onload = function() {
	  document.getElementById("Usuario").focus();
	};
</script>

</head>
<body>
<form class="jotform-form" action="LoginServlet" method="post" name="form_23326450118648" id="23326450118648" accept-charset="utf-8">
  <input type="hidden" name="formID" value="23326450118648" />
  <div class="form-all">
    <ul class="form-section">
      <li class="form-line" id="id_5">
        <div id="cid_5" class="form-input-wide">
          <div style="text-align:center;">
            <img alt="" class="form-image" border="0" src="/Final-Java/imagenes/header.png" height="138" width="613"/>
          </div>
        </div>
      </li>
      <li class="form-line form-line-column form-line-column-clear" id="id_2">
        <label class="form-label-top" id="label_2" for="input_2">
          Usuario<span class="form-required">*</span>
        </label>
        <div id="cid_2" class="form-input-wide">
        
          <input type="text" class="form-textbox validate[required]" id="Usuario" name="Usuario" size="20"/>
          
        </div>
      </li>
      <li class="form-line form-line-column form-line-column-clear" id="id_3">
        <label class="form-label-top" id="label_3" for="input_3">
          Clave<span class="form-required">*</span>
          
        </label>
        <div id="cid_3" class="form-input-wide">
        
          <input type="password" class="form-textbox validate[required]" id="Clave" name="Clave" size="20"/>
          
        </div>
      </li>
      <li class="form-line form-line-column form-line-column-clear" id="id_4">
        <div id="cid_4" class="form-input-wide">
          <div style="text-align:left" class="form-buttons-wrapper">
            <button id="input_4" type="submit" class="form-submit-button form-submit-button-black_blue">
              Ingresar
            </button>
          </div>
        </div><br><br>
        
        <!-- Trae del servlet el estado(user/pass incorrecto o q no este habilitado) -->
        <font color="red">
        <label for="Estado">${Estado}</label>
        </font>
        
      </li>
      <li style="clear:both">
      </li>
      <li style="display:none">
        Should be Empty:
        <input type="text" name="website" value="" />
      </li>
    </ul>
  </div>
  <input type="hidden" id="simple_spc" name="simple_spc" value="23326450118648" />
  <script type="text/javascript">
  document.getElementById("si" + "mple" + "_spc").value = "23326450118648-23326450118648";
  </script>
</form>

</body>
</html>